var nav=document.querySelectorAll(".nav li");
var main=document.querySelectorAll(".main li");

for (var i=0;i<nav.length;i++) {
	nav[i].index=i;
	nav[i].onmouseover=function(){
		for (var j=0;j<nav.length;j++){
			nav[j].classList.remove("a");
		    main[j].style.display="none";
		    
		}
		this.classList.add('a');
		main[this.index].style.display='block';
		
	}
}